<?xml version="1.0" encoding="UTF-8"?>
<jsp:root version="1.2" xmlns:f="http://java.sun.com/jsf/core" xmlns:h="http://java.sun.com/jsf/html" xmlns:jsp="http://java.sun.com/JSP/Page" xmlns:ui="http://www.sun.com/web/ui">
    <jsp:directive.page contentType="text/html;charset=UTF-8" pageEncoding="UTF-8"/>
    <f:view>
        <ui:page binding="#{asignarOpcion.page1}" id="page1">
            <ui:html binding="#{asignarOpcion.html1}" id="html1">
                <ui:head binding="#{asignarOpcion.head1}" id="head1">
                    <ui:link binding="#{asignarOpcion.link1}" id="link1" url="/resources/stylesheet.css"/>
                </ui:head>
                <ui:body binding="#{asignarOpcion.body1}" id="body1" style="-rave-layout: grid">
                    <ui:form binding="#{asignarOpcion.form1}" id="form1">
                        <div style="position: absolute; left: 0px; top: 0px">
                            <jsp:directive.include file="encab1.jspf"/>
                        </div>
                        <ui:label binding="#{asignarOpcion.label2}" id="label2" style="left: 96px; top: 192px; position: absolute" text="Opción :"/>
                        <ui:textField binding="#{asignarOpcion.opcionTextField}" id="opcionTextField" readOnly="true"
                            style="border-color: rgb(51, 51, 51) rgb(51, 51, 51) rgb(51, 51, 51) rgb(51, 51, 51); background-color: rgb(255, 255, 255); left: 144px; top: 192px; position: absolute; text-decoration: underline; width: 209px" text="#{asignarOpcion.sct0016DataProvider.value['SCT0016.DSCRPCION']}"/>
                        <ui:button action="#{asignarOpcion.regresarButton_action}" binding="#{asignarOpcion.regresarButton}" id="regresarButton" mini="true"
                            primary="true" style="left: 167px; top: 144px; position: absolute; width: 72px" text="Regresar"/>
                        <ui:table augmentTitle="false" binding="#{asignarOpcion.table2}" id="table2"
                            style="left: 456px; top: 168px; position: absolute; width: 356px" width="356">
                            <script><![CDATA[
/* ----- Functions for Table Preferences Panel ----- */
/*
 * Toggle the table preferences panel open or closed
 */
function togglePreferencesPanel() {
  var table = document.getElementById("form1:table2");
  table.toggleTblePreferencesPanel();
}
/* ----- Functions for Filter Panel ----- */
/*
 * Return true if the filter menu has actually changed,
 * so the corresponding event should be allowed to continue.
 */
function filterMenuChanged() {
  var table = document.getElementById("form1:table2");
  return table.filterMenuChanged();
}
/*
 * Toggle the custom filter panel (if any) open or closed.
 */
function toggleFilterPanel() {
  var table = document.getElementById("form1:table2");
  return table.toggleTableFilterPanel();
}
/* ----- Functions for Table Actions ----- */
/*
 * Initialize all rows of the table when the state
 * of selected rows changes.
 */
function initAllRows() {
  var table = document.getElementById("form1:table2");
  table.initAllRows();
}
/*
 * Set the selected state for the given row groups
 * displayed in the table.  This functionality requires
 * the 'selectId' of the tableColumn to be set.
 *
 * @param rowGroupId HTML element id of the tableRowGroup component
 * @param selected Flag indicating whether components should be selected
 */
function selectGroupRows(rowGroupId, selected) {
  var table = document.getElementById("form1:table2");
  table.selectGroupRows(rowGroupId, selected);
}
/*
 * Disable all table actions if no rows have been selected.
 */
function disableActions() {
  // Determine whether any rows are currently selected
  var table = document.getElementById("form1:table2");
  var disabled = (table.getAllSelectedRowsCount() > 0) ? false : true;
  // Set disabled state for top actions
  document.getElementById("form1:table2:tableActionsTop:deleteTop").setDisabled(disabled);
  // Set disabled state for bottom actions
  document.getElementById("form1:table2:tableActionsBottom:deleteBottom").setDisabled(disabled);
}]]></script>
                            <ui:tableRowGroup binding="#{asignarOpcion.tableRowGroup2}" id="tableRowGroup2" rows="10"
                                sourceData="#{asignarOpcion.sct0022DataProvider}" sourceVar="currentRow">
                                <ui:tableColumn align="center" binding="#{asignarOpcion.tableColumn4}" headerText="Menús disponibles" id="tableColumn4"
                                    sort="CDGODSPCHO" valign="top" width="150">
                                    <ui:staticText binding="#{asignarOpcion.staticText3}" id="staticText3" text="#{currentRow.value['CDGODSPCHO']}"/>
                                </ui:tableColumn>
                                <ui:tableColumn align="center" binding="#{asignarOpcion.tableColumn5}" headerText="Ver opciones" id="tableColumn5" width="5">
                                    <ui:button action="#{asignarOpcion.verButton_action}" binding="#{asignarOpcion.verButton}" id="verButton" mini="true"
                                        primary="true" text="Ver"/>
                                </ui:tableColumn>
                            </ui:tableRowGroup>
                        </ui:table>
                        <ui:table augmentTitle="false" binding="#{asignarOpcion.table1}" id="table1"
                            style="left: 72px; top: 240px; position: absolute; width: 350px" width="350">
                            <script><![CDATA[
/* ----- Functions for Table Preferences Panel ----- */
/*
 * Toggle the table preferences panel open or closed
 */
function togglePreferencesPanel() {
  var table = document.getElementById("form1:table1");
  table.toggleTblePreferencesPanel();
}
/* ----- Functions for Filter Panel ----- */
/*
 * Return true if the filter menu has actually changed,
 * so the corresponding event should be allowed to continue.
 */
function filterMenuChanged() {
  var table = document.getElementById("form1:table1");
  return table.filterMenuChanged();
}
/*
 * Toggle the custom filter panel (if any) open or closed.
 */
function toggleFilterPanel() {
  var table = document.getElementById("form1:table1");
  return table.toggleTableFilterPanel();
}
/* ----- Functions for Table Actions ----- */
/*
 * Initialize all rows of the table when the state
 * of selected rows changes.
 */
function initAllRows() {
  var table = document.getElementById("form1:table1");
  table.initAllRows();
}
/*
 * Set the selected state for the given row groups
 * displayed in the table.  This functionality requires
 * the 'selectId' of the tableColumn to be set.
 *
 * @param rowGroupId HTML element id of the tableRowGroup component
 * @param selected Flag indicating whether components should be selected
 */
function selectGroupRows(rowGroupId, selected) {
  var table = document.getElementById("form1:table1");
  table.selectGroupRows(rowGroupId, selected);
}
/*
 * Disable all table actions if no rows have been selected.
 */
function disableActions() {
  // Determine whether any rows are currently selected
  var table = document.getElementById("form1:table1");
  var disabled = (table.getAllSelectedRowsCount() > 0) ? false : true;
  // Set disabled state for top actions
  document.getElementById("form1:table1:tableActionsTop:deleteTop").setDisabled(disabled);
  // Set disabled state for bottom actions
  document.getElementById("form1:table1:tableActionsBottom:deleteBottom").setDisabled(disabled);
}]]></script>
                            <ui:tableRowGroup binding="#{asignarOpcion.tableRowGroup1}" id="tableRowGroup1" rows="10"
                                sourceData="#{asignarOpcion.sct0017DataProvider}" sourceVar="currentRow">
                                <ui:tableColumn align="center" binding="#{asignarOpcion.tableColumn1}" headerText="Menú" id="tableColumn1" sort="CDGOMNU"
                                    valign="middle" width="300">
                                    <ui:staticText binding="#{asignarOpcion.staticText1}" id="staticText1" text="#{currentRow.value['CDGOMNU']}"/>
                                </ui:tableColumn>
                                <ui:tableColumn align="center" binding="#{asignarOpcion.tableColumn2}" headerText="Número de opción" id="tableColumn2"
                                    sort="TPO" valign="top" width="25">
                                    <ui:staticText binding="#{asignarOpcion.staticText2}" id="staticText2" text="#{currentRow.value['TPO']}"/>
                                </ui:tableColumn>
                                <ui:tableColumn align="center" binding="#{asignarOpcion.tableColumn3}" headerText="Borrar" id="tableColumn3">
                                    <ui:button action="#{asignarOpcion.borrarButton_action}" binding="#{asignarOpcion.borrarButton}" id="borrarButton"
                                        mini="true" primary="true" text="Borrar"/>
                                </ui:tableColumn>
                            </ui:tableRowGroup>
                        </ui:table>
                        <ui:label binding="#{asignarOpcion.label3}" id="label3" style="color: rgb(51, 51, 51); left: 144px; top: 216px; position: absolute" text="Opción en los siguientes Menús"/>
                        <ui:alert binding="#{asignarOpcion.alert1}" id="alert1" style="left: 816px; top: 168px; position: absolute; width: 261px"/>
                        <ui:messageGroup binding="#{asignarOpcion.messageGroup1}" id="messageGroup1" style="left: 816px; top: 216px; position: absolute; width: 214px"/>
                        <ui:label binding="#{asignarOpcion.label4}" id="label4" style="color: rgb(108, 154, 154); left: 72px; top: 120px; position: absolute" text="GESTIONAR OPCIONES DE MENÚ"/>
                        <ui:label binding="#{asignarOpcion.label5}" id="label5" style="left: 456px; top: 144px; position: absolute; width: 240px" text="Menús para Asignación de la opción"/>
                        <ui:button action="#{asignarOpcion.button1_action}" binding="#{asignarOpcion.button1}" id="button1" mini="true" primary="true"
                            style="left: 72px; top: 144px; position: absolute; width: 71px" text="Cerrar"/>
                    </ui:form>
                </ui:body>
            </ui:html>
        </ui:page>
    </f:view>
</jsp:root>
